<script>
	import { KInput } from '@ikun-ui/input';
</script>

<div class="fac my-10px">
	<KInput cls="w-50 px-2" size="sm" placeholder="Please input"></KInput>
	<KInput cls="w-50 px-2" size="md" placeholder="Please input"></KInput>
	<KInput cls="w-50 px-2" size="lg" placeholder="Please input"></KInput>
</div>

<div class="fac my-10px">
	<KInput cls="w-50 px-2" size="sm" iconPrefix="i-carbon-search" placeholder="Please input"
	></KInput>
	<KInput cls="w-50 px-2" size="md" iconPrefix="i-carbon-search" placeholder="Please input"
	></KInput>
	<KInput cls="w-50 px-2" size="lg" iconPrefix="i-carbon-search" placeholder="Please input"
	></KInput>
</div>

<div class="fac my-10px">
	<KInput cls="w-50 px-2" size="sm" iconSuffix="i-carbon-search" placeholder="Please input"
	></KInput>
	<KInput cls="w-50 px-2" size="md" iconSuffix="i-carbon-search" placeholder="Please input"
	></KInput>
	<KInput cls="w-50 px-2" size="lg" iconSuffix="i-carbon-search" placeholder="Please input"
	></KInput>
</div>
